<#import "themes/${theme}/macro/frontCurrentPosition.ftl" as frontCurrentPosition />
<#import "themes/${theme}/macro/frontPage.ftl" as frontPage />
<!DOCTYPE html>
<html>
<head>
	<title>${curColumn.name!}-${getSite(siteId).name!}</title>
	<meta name="description" content="${curColumn.description!}" />
	<meta name="keywords" content="${curColumn.keywords!}" />
</head>
<body>
<div class="contMain">

	<div class="contWrap clearfloat">
		<div class="category-page">
			<div class="dropdown-menu-container">
				<div class="menu_list">
					<div class="menu_item">
						<h3 class="menu_head menu_title">${getColumnById(curMainColumnId).name!}</h3>
					</div>
					<#list getColumnList(siteId,curMainColumnId) as subColumn>
						<#assign contentTypeList=getContentTypeList(siteId,subColumn.id)/>
						<#if contentTypeList?? && contentTypeList?size gt 0>
							<div class="${(curColumn.id == subColumn.id) ?then('menu_item hasChild current', 'menu_item hasChild')}" column-id="${subColumn.id!}">
								<h3 class="menu_head">${subColumn.name!}</h3>
								<div class="menu_body" style="${(curColumn.id == subColumn.id) ?then('', 'display:none;')}">
									<#list contentTypeList as contentType>
										<a href="${ctxFrt}/${siteId}/col${preview}-${subColumn.id!}${urlSuffix}?contentTypeId=${contentType.id!}" data-id="${contentType.id!}"
										   class="menu_link ${(contentTypeId == contentType.id) ?then('active', '')}"
										>${contentType.name!}</a>
									</#list>
								</div>
							</div>
						<#else >
							<div class="${(curColumn.id == subColumn.id) ?then('menu_item current', 'menu_item')}">
								<a class="${(curColumn.id == subColumn.id) ?then('menu_head menu_link active', 'menu_head menu_link')}" href="${ctxFrt}/${siteId}/col${preview}-${subColumn.id}${urlSuffix}">${subColumn.name!}</a>
							</div>
						</#if>
					</#list>
				</div>
			</div>

			<!-- 内容 -->
			<div class="classic animate category-content">
				<ul class="classicList projectDisplay clearfloat">
					<#if (page.list)?? && page.list?size >
						<#list page.list as content>
							<li class="hoverBg">
								<div class="pic picList"><img src="${content.image!}" alt=""><div class="bg"><a href="${ctxFrt}/${siteId}/view${preview}-${curColumn.id}-${content.id}${urlSuffix}"><i></i></a></div></div>
								<div class="cont">
									<h3 class="text-single-ellipsis"><a target="_blank" href="${ctxFrt}/${siteId}/view${preview}-${curColumn.id}-${content.id}${urlSuffix}">${content.title!}</a></h3>
									<span><#if (contents.releaseDate)??>${contents.releaseDate?string('yyyy.MM.dd')}</#if></span>
									<p class="text-ellipsis">${content.description!}</p>
									<a target="_blank" href="${ctxFrt}/${siteId}/view${preview}-${curColumn.id}-${content.id}${urlSuffix}" class="detail">查看详细</a>
								</div>
							</li>
						</#list>
					</#if>
				</ul>
				<@frontPage.content page "${ctxFrt}/${siteId}/col${preview}-${curColumn.id}${urlSuffix}" contentTypeId/>
			</div>
		</div>
	</div>

	<!-- 页脚 -->
	<#include "themes/${theme}/include/footer.ftl">
</div>

</body>
</html>
